<script setup lang="ts">
const props = defineProps(['data'])


</script>

<template>
  <div class="video_class_layout">
    <div class="header_layput">
      <span class="title">视频</span>
      <div class="button_layout">
        <el-button>置顶</el-button>
        <el-button>上移</el-button>
        <el-button>下移</el-button>
        <el-button>删除</el-button>
      </div>
    </div>

    <video
      controls
      class="video_class"
      :src="props.data.baseData"
    ></video>
  </div>
</template>

<style scoped lang="scss">
.video_class_layout {
  width: 100%;
  height: 100%;
  .video_class {
    width: 500px;
    height: 300px;
  }
  .header_layput {
    display: flex;
    justify-content: space-between;
    .title {
      font-size: 25px;
      margin-bottom: 10px;
    }
  }

}
</style>
